<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>
    <style>
       #div1{
           color:red;
       }
       div{
           color:green;
       }
       .cls1{
           color:blue;
       }
    </style>
</head>
<body>
<!--ID选择器  选择具体的id的属性值的元素  #id属性值（）建议在一个Html页面中  di值唯一-->
<!--元素选择器：选择具有相同标签名称的元素   标签名称{}    id选择器优先级高于元素选择器  -->

<!--类选择器：选择具有相同的class属性值的元素。-->
<!--* 语法：.class属性值{}-->
<!--* 注意：类选择器选择器优先级高于元素选择器-->
<div id="div1">传智播客</div>
<div >黑马程序员</div>
<p class="cls1">传</p>
</body>

</html>